<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>侧边栏动画实例 – 页面主体内容向右移动</title>
	<link rel="stylesheet" href="./CSS/index1.css">
</head>

<body>
	<div id="container">
		<div id="left">
			<ul>
				<li>About</li>
				<li>Services</li>
				<li>Clients</li>
				<li>Contact</li>
			</ul>
			<span id="close">&times;</span>
		</div>

		<div id="right">
			<h3>侧边栏实例 - 页面主体向右移动</h3>
			<p>点击以下菜单图标打开侧边栏，主体内容向右偏移。</p>
			<span id="open">&#9776;</span>
		</div>
	</div>

	<script src="./JS/index1.js"></script>
</body>

</html>